@import colors

.detail-header

    .request-title
        white-space: normal
        word-break: break-word

    h1, h2, h3, h4, h5
        margin-top 0
        white-space nowrap
        overflow hidden
        text-overflow ellipsis
        position relative
        line-height: normal

        .btn.offset-link
            background #fff

            &:hover, &:focus
                text-decoration none

            &:focus
                outline none

    // Request name in Task detail page
    h5
        line-height 1.5em

    .button-container
        text-align right

        .btn
            margin-bottom 5px
            margin-left 5px

    .row
      margin-bottom 0

    .lead
        font-size 16px
        color #666
        margin 0

    .request-state
        text-transform lowercase
        padding 4px .8em
        line-height 27px
        font-size 18px
        border-radius 4px
        background #f3f3f3
        color #888
        margin-right .5em

        &[data-state='ACTIVE']
            color #519D3D

        &[data-state='PAUSED']
            color #3374CD

        &[data-state='SYSTEM_COOLDOWN']
            color #BF5D36

        &[data-state='DELETED']
            color #ff0000

        &:empty
            display none

    .request-type
        color #bbb

    .well code
        background #fff
        color #888

    .deploy-state
        text-transform lowercase
        padding 4px .5em
        line-height 27px
        font-size 18px
        border-radius 4px
        background #f3f3f3
        color #888
        margin-right .5em
        margin-left .5em

        &[data-state='SUCCEEDED']
            color #519D3D

        &[data-state='WAITING']
            color #3374CD

        &[data-state='PENDING']
            color #3374CD

        &[data-state='CANCELING']
            color #F1ED00

        &[data-state='OVERDUE']
            color #BF5D36

        &[data-state='CANCELED']
            color #BF5D36

        &[data-state='FAILED']
            color #ff0000

        &[data-state='FAILED_INTERNAL_STATE']
            color #ff0000

        &:empty
            display none

    .deploy-title
        color #bbb

    a[data-starred]
      margin-right 5px
      text-decoration none

    a[data-starred="true"]
        color $linkBlue
        opacity: 1

        &:hover
          opacity 0.9

    a[data-starred="false"]
        color $grey
        opacity 0.2

        &:hover
          opacity 0.3
    .task-state-header-label
        display inline-block
        font-size 0.5em
        vertical-align middle
    .breadcrumb
        margin-bottom 5px
        padding 5px 15px

        li
            max-width 50%

.title-button
    position absolute
    right 15px
    top 20px

.medium-weight
    font-weight 700


div.task-detail
    margin-top -20px

.inline-header
  display inline-block
